<template>
    <ul class="detail">
        <li>编号：{{ id }}</li>
        <li>标题：{{ title }}</li>
        <li>内容：{{ content }}</li>
    </ul>
</template>
<script setup lang="ts" name="Detail">
    /* import  { toRefs } from 'vue';
    import { useRoute } from 'vue-router';
    const route = useRoute();
    console.log(route)
    const {query}= toRefs(route);
    const {params}= toRefs(route); */
    defineProps(['id','title','content'])
</script>
<style scoped>
    .detail{
        margin: 30px 40px;
        text-align: left;
        height: 400px;
        width: 600px;
        line-height: 70px;
        list-style: none;
    }
</style>